﻿<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>LETTER DETAIL</title>
		<%@ include file="/share/include.jsp" %>
		<!-- <script src="js/jquery.min.js"></script> -->
   		 <meta name="viewport" content="width=device-width, initial-scale=1">
		 <script type="application/x-javascript"> 
			addEventListener("load", function() { 
				setTimeout(hideURLbar, 0); 
			}, false); 
			function hideURLbar(){ 
				window.scrollTo(0,1); 
			} 
		</script>
	</head>
	<body>
		<!-- container -->
		<!-- header -->
		<div class="header">
			<%@ include file="/control/jsp/layout/header.jsp" %>
			<!-- /bottom-header -->
		</div>
		<!-- header -->
		<!--- top-nav -->
			<c:if test="${not empty form.orderUserId }">
				<%@ include file="/control/jsp/layout/userMenu.jsp" %>
			</c:if>
			<c:if test="${not empty form.orderShopId }">
				<%@ include file="/control/jsp/layout/sellerMenu.jsp" %>
			</c:if>
		<!--- top-nav -->
		<!-- Product-Details-page -->
		<div class="details-page">
			<div class="content details-page">
				<div class="product-details">
					<div class="container">
						<div class="details-left" style="width: 100%;margin-top: 20px;">
							<div style="margin-bottom: 10px;">
								<input type="reset" class="p-btn" style="height: 40px;width: 80px;" onclick ="javascript:history.go(-1);" value="Back">
							</div>
							<div style="height:190px;">
								<div style="width: 49%;float: left;border-right: 1px solid #dbdbdb;margin-right: 10px;">
								    <h4 class="tit_det">预约买家信息</h4>
									<div><span>买家姓名：</span><span>${fn:escapeXml(order.orderName) }</span></div>
									<div>
										<span>买家性别：</span>
										<span>
											<c:if test="${order.orderSex == 1 }">男</c:if>
											<c:if test="${order.orderSex == 2 }">女</c:if>
										</span>
									</div>
									<!-- <div><span>联系人：</span><span>peopname</span></div> -->
									<div><span>联系方式：</span><span>${fn:escapeXml(order.orderPhone) }</span></div>
									<div><span>联系地址：</span><span>${fn:escapeXml(order.orderAddress) }</span></div>
									<div><span>楼盘名称：</span><span>${fn:escapeXml(order.orderHousesName) }</span></div>
									<div><span>房屋面积：</span><span>${fn:escapeXml(order.orderArea) }㎡</span></div>
								</div>
							    <div style="width: 49%;float: left;">
								    <h4 class="tit_det">卖家信息</h4>
									<div><span>店铺名称：</span><span>${fn:escapeXml(order.orderShopName) }</span></div>
									<!-- <div><span>联系人：</span><span>sllername</span></div> -->
									<div><span>联系方式：</span><span>${fn:escapeXml(order.orderShopPhone) }</span></div>
									<!-- <div><span>联系地址：</span><span>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</span></div> -->
									<div><br><br><br></div>
								</div>
							</div>
							<div>
								<h4 class="tit_det">预约内容</h4>
								<textarea readonly="readonly" style="width: 100%; min-height:250px;padding: 20px;border-collapse: inherit;">${fn:escapeXml(order.orderContent)}</textarea>
							</div>
							<div>
							    <h4 class="tit_det">订单信息</h4>
								<table class="list_order" style="width: 100%; border-collapse: inherit;" border="0" align="center" cellpadding="0" cellspacing="2">
								  <thead>
									<tr style="height:40px;">
									  <th style="text-align: center;width: 100px;">订单号</th>
									  <th style="text-align: center;width: 100px;">案例</th>
									  <th style="text-align: center;width: 100px;">总金额</th>
									  <th style="text-align: center;width: 150px;">预约时间</th>
									  <th style="text-align: center;width: 150px;">下单时间</th>
									  <th style="text-align: center;width: 100px;">订单状态</th>
									</tr>
								  </thead>
								  <tbody style="text-align: center;">
									<tr style="height: 80px;">
									  <td>${fn:escapeXml(order.orderId) }</td>
									  <td>
									  	<c:if test="${not empty order.orderCaseId}">
									  		<img width="80" src="${imageService}${order.orderCasePicPath}" />
									  	</c:if>
									  	<c:if test="${empty order.orderCaseId}">
									  		
									  	</c:if>
									  </td>
									  <td>${fn:escapeXml(order.orderMoney) }</td>
									  <td><fmt:formatDate value="${order.orderTime}" pattern="yyyy-MM-dd HH:mm:ss"/></td>
									  <td><fmt:formatDate value="${order.orderCreateTime}" pattern="yyyy-MM-dd HH:mm:ss"/></td>
									  <td>
									  	<c:if test="${order.orderStatus == 1 }">未执行</c:if>
									  	<c:if test="${order.orderStatus == 2 }">执行中</c:if>
									  	<c:if test="${order.orderStatus == 4 }">
									  		<c:if test="${order.orderMoneyStatus == 5}">已完成</c:if>
										  	<c:if test="${order.orderMoneyStatus == 6}">已评价</c:if>
										  	<c:if test="${order.orderMoneyStatus == 7}">已退款</c:if>
									  	</c:if>
									  </td>
									</tr>
								  </tbody>
								</table>
							</div>
							<c:if test="${not empty order.moneyList }">
							<div>
							    <h4 class="tit_det">付款记录</h4>
								<table class="list_order" style="width: 100%;border-collapse: inherit;" border="0" align="center" cellpadding="0" cellspacing="2">
								  <thead>
									<tr style="height:40px;">
									  <th style="text-align: center;width: 100px;">付款时间</th>
									  <th style="text-align: center;width: 100px;">已付金额</th>
									  <th style="text-align: center;width: 100px;">付款金额</th>
									  <th style="text-align: center;width: 100px;">未付金额</th>
									</tr>
								  </thead>
								  <tbody style="text-align: center;">
								  	<c:if test="${not empty order.moneyList }">
								  		<c:forEach items="${order.moneyList }" var="moeny">
								  			<tr style="height: 80px;">
											  <td><fmt:formatDate value="${moeny.moneyCreateTime}" pattern="yyyy-MM-dd HH:mm:ss"/></td>
											  <td>${fn:escapeXml(moeny.moneyHasPay)}</td>
											  <td>${fn:escapeXml(moeny.moneyThisPay)}</td>
											  <td>${fn:escapeXml(moeny.moneyFailsPay)}</td>
											</tr>
								  		</c:forEach>
								  	</c:if>
								  </tbody>
								</table>
							</div>
							</c:if>
							<c:if test="${not empty order.comment and roleType != 1 }">
								<div>
								    <h4 class="tit_det">用户评价</h4>
									<table class="list_order" style="width: 100%;border-collapse: inherit;" border="0" align="center" cellpadding="0" cellspacing="2">
									  <thead>
										<tr style="height:40px;">
										  <th style="text-align: center;width: 25%;">评价时间</th>
										  <th style="text-align: center;width: 60%;">评价内容</th>
										  <th style="text-align: center;width: 15%;">评价得分</th>
										</tr>
									  </thead>
									  <tbody style="text-align: center;">
							  			<tr style="height: 80px;">
										  <td><fmt:formatDate value="${order.comment.commentCreateTime}" pattern="yyyy-MM-dd HH:mm:ss"/></td>
										  <td>${fn:escapeXml(order.comment.commentContent)}</td>
										  <td><fmt:formatNumber type="number" pattern="###.#">${order.comment.starLevel }</fmt:formatNumber>分</td>
										</tr>
									  </tbody>
									</table>
								</div>
							</c:if>
						</div>
						<div class="clearfix"> </div>
					</div>
					<br>
			    </div>
		    </div>
		</div>
		<!-- /Product-Details-page -->
		<!-- footer -->
		<%@ include file="/control/jsp/layout/footer.jsp" %>
</body>
</html>

